home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP10 / dyn10_2.txt < prev    next >
Encoding:
Text File  |  1997-10-02  |  3.5 KB  |  82 lines
  1. <HTML>
  2. <HEAD>
  3. </HEAD>
  4. <BODY onload="cycle();">
  5. <H2>The Shell Game</H2>
  6. <LAYER name="gem" left=142 top=192 visibility="hidden">
  7. <img src="gem.gif" id=gem border=0 width=64 height=64>
  8. </LAYER>
  9. <LAYER name="shell1" left=0 top=50 visibility="hidden">
  10. <img src="walnut.gif" id=shell1 border=0 width=132 height=132>
  11. </LAYER>
  12. <LAYER name="shell2" left=142 top=50 visibility="hidden">
  13. <img src="walnut.gif" id=shell2 border=0 width=132 height=132>
  14. </LAYER>
  15. <layer name="shell3" left=284 top=50 visibility="hidden">
  16. <img src="walnut.gif" id=shell3 border=0 width=132 height=132>
  17. </LAYER>
  18. <SCRIPT>
  19. var TimingsX
  20. var TimingsY
  21. var currentTick = 0
  22. var gemshell
  23. function cycle() {
  24.         TimingsX = new Array(4);
  25.         TimingsY = new Array(4);
  26.         gemshell = Math.random();
  27.         if(gemshell<.333) {
  28.              gemshell=1;
  29.              TimingsX[0] = new Array(0,126,0,284,0,142,284,142,142);
  30.              TimingsY[0] = new Array(50,176,50,176,50,176,50,176,50);
  31.              TimingsX[1] = new Array(142,142,142,142,284,0,0,0,284);
  32.              TimingsY[1] = new Array(50,50,50,176,50,176,50,176,50);
  33.              TimingsX[2] = new Array(284,284,284,0,142,284,142,284,0);
  34.              TimingsY[2] = new Array(50,50,50,176,50,176,50,176,50);
  35.              TimingsX[3] = new Array(142,142,16,300,16,158,300,158,158);
  36.              TimingsY[3] = new Array(192,192,66,192,66,192,66,192,66);
  37.         } else if(gemshell<.667) {
  38.              gemshell=2;
  39.              TimingsX[0] = new Array(0,0,0,284,0,142,284,142,142);
  40.              TimingsY[0] = new Array(50,50,50,176,50,176,50,176,50);
  41.              TimingsX[1] = new Array(142,126,142,142,284,0,0,0,284);
  42.              TimingsY[1] = new Array(50,176,50,176,50,176,50,176,50);
  43.              TimingsX[2] = new Array(284,284,284,0,142,284,142,284,0);
  44.              TimingsY[2] = new Array(50,50,50,176,50,176,50,176,50);
  45.              TimingsX[3] = new Array(142,142,158,158,300,16,16,16,300);
  46.              TimingsY[3] = new Array(192,192,66,192,66,192,66,192,66);
  47.         } else {
  48.              gemshell=3;
  49.              TimingsX[0] = new Array(0,0,0,284,0,142,284,142,142);
  50.              TimingsY[0] = new Array(50,50,50,176,50,176,50,176,50);
  51.              TimingsX[1] = new Array(142,142,142,142,284,0,0,0,284);
  52.              TimingsY[1] = new Array(50,50,50,176,50,176,50,176,50);
  53.              TimingsX[2] = new Array(284,126,284,0,142,284,142,284,0);
  54.              TimingsY[2] = new Array(50,176,50,176,50,176,50,176,50);
  55.              TimingsX[3] = new Array(142,142,300,16,158,300,158,300,16);
  56.              TimingsY[3] = new Array(192,192,66,192,66,192,66,192,66);
  57.         }
  58.  
  59.         document.layers["shell1"].visibility="show";
  60.         document.layers["shell2"].visibility="show";
  61.         document.layers["shell3"].visibility="show";
  62.         document.layers["gem"].visibility="show";
  63.         setTimeout("Moves()", 450);
  64. }
  65. function Moves() {
  66.         document.layers["shell1"].moveTo
  67.                 (TimingsX[0][currentTick], TimingsY[0][currentTick]);
  68.         document.layers["shell2"].moveTo
  69.                 (TimingsX[1][currentTick], TimingsY[1][currentTick]);
  70.         document.layers["shell3"].moveTo
  71.                 (TimingsX[2][currentTick], TimingsY[2][currentTick]);
  72.         document.layers["gem"].moveTo
  73.                 (TimingsX[3][currentTick], TimingsY[3][currentTick]);
  74.         currentTick++
  75.  
  76.         if (currentTick < 9)
  77.                 setTimeout("Moves()", 450)
  78. }
  79. </SCRIPT>
  80. </BODY>
  81. </HTML>
  82.